<template>
  <div class="editor" style="width: 80%;margin-left: 10%">
    <div id="e" >
    </div>
  </div>

</template>

<script>
  import E from "wangeditor"

  export default {
    name: "PureEditor",
    components:{

    },
    props:{
      content:{
        type: String,
        default: ""
      }
    },
    data() {
      return {
        editor:null
      }
    },
    methods:{
      initE()
      {
        this.editor = new E('#e')
        this.editor.config.height = 300
        this.editor.config.placeholder = '输入你的内容'
        this.editor.config.zIndex = 1
        this.editor.config.excludeMenus = [
          // 'head',  // 标题
          // 'bold',  // 粗体
          // 'fontSize',  // 字号
          // 'fontName',  // 字体
          // 'italic',  // 斜体
          // 'underline',  // 下划线
          // 'strikeThrough',  // 删除线
          // 'foreColor',  // 文字颜色
          // 'backColor',  // 背景颜色
          // 'link',  // 插入链接
          // 'list',  // 列表
          // 'justify',  // 对齐方式
          // 'quote',  // 引用
          // 'emoticon',  // 表情
          // 'image',  // 插入图片
          // 'table',  // 表格
          // 'code',  // 插入代码
          // 'undo',  // 撤销
          // 'redo'  // 重复
          'head',
          'bold',
          'fontSize',
          'fontName',
          'italic',
          'underline',
          'strikeThrough',
          'indent',
          'lineHeight',
          'foreColor',
          'backColor',
          'link',
          'list',
          'todo',
          'justify',
          'quote',
          'emoticon',
          'image',
          'video',
          'table',
          'code',
          'splitLine',
          'undo',
          'redo',
        ]
        this.editor.create()
        this.editor.txt.html(this.content)
        console.log("文章内容")
        console.log(this.content);
      },


    },
    mounted() {
      // console.log(this.content);
      this.initE();
    }

  }
</script>

<style scoped>

</style>
